#{stylesheet 'widgets/form.css' /}
#{script 'clientes/form.js' /}
#{script 'jquery.uniform.js' /}

#{form @Clientes.save(), id: 'cliente-form'}
<div class="hidden"> 
#{field 'cliente.id'}
<p>
	<label>&{field.name}</label>
	<input type="text" id="${field.id}" name="${field.name}" value="${field.value}" />
</p>
#{/}
</div>
<div> 
#{field 'cliente.nombreContacto'}
<p>
	<label>Nombre</label> 
	#{input for:field.name, id:field.id /}
</p>
#{/}
</div>
<div>
#{field 'cliente.razonSocial'}
<p>
	<label>Razon social</label> 
	#{input for:field.name, id:field.id /}
</p>
#{/}
</div>
<div>
#{field 'cliente.cUI'}
<p>
	<label>CUIT/CUIL</label> 
	#{input for:field.name, id:field.id /}
</p>
#{/}
</div>
<div>
#{field 'cliente.direccion'}
<p>
	<label>Direccion</label> 
	#{input for:field.name, id:field.id /}
</p>
#{/}
</div>
<div>
#{field 'cliente.telefono'}
<p>
	<label>Telefono</label> 
	#{input for:field.name, id:field.id, class:'phoneField' /}
</p>
#{/}
</div>
<div>
#{field 'cliente.celular'}
<p>
	<label>Celular</label> 
	#{input for:field.name, id:field.id, class:'phoneField' /}
</p>
#{/}
</div>
<div>
#{field 'cliente.email'}
<p>
	<label>Email</label> 
	#{input for:field.name, id:field.id /}
</p>
</div>
#{/}
<div>
#{field 'cliente.posicionIVA'}
<p>
	<label>Posicion IVA</label> 
	#{select field.name, items:posicionesIVA, valueProperty:'id', labelProperty:'descripcion', value: field.value?.id, id:field.id /} 
</p>
#{/}
</div>
<div class="floatright">
	<input id="button-save" type="submit" value="Guardar" class="button tiny orange" /> 
	<button id="button-delete" class="button tiny">Eliminar</button>
	<button id="button-close" class="button tiny">Cerrar</button> 
</div>
#{/form}
